What is the difference between HTML and append in jQuery?

Jquery version : 3.3. If you are looping through a list of objects, and want to add each object as a child of some parent dom element, then .html and .append will behave very different. .html will end up adding only the last object to the parent element, whereas .append will add all the list objects as children of the parent element.

How do I append a string to a document?

The Document.append() method inserts a set of Node objects or strings after the last child of the document. Strings are inserted as equivalent Text nodes. This method appends a child to a Document. To append to an arbitrary element in the tree, see Element.append(). A set of Node objects or strings to insert. None (undefined).

How do I append a string of HTML to a Div?

The idea is to use innerHTML on an intermediary element and then move all of its child nodes to where you really want them via appendChild. target.appendChild(temp.firstChild); This avoids wiping out any event handlers on div#test but still allows you to append a string of HTML. The right way is using insertAdjacentHTML.